module.exports = {
  /** @type {import('tailwindcss').Config} */
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      // spacing: {
      //   px: '1px',
      //   0: '0px',
      //   1: '4px',
      //   2: '8px',
      //   3: '12px',
      //   4: '16px',
      //   5: '20px',
      //   6: '24px',
      //   7: '28px',
      //   8: '32px',
      //   9: '36px',
      //   10: '40px',
      //   11: '44px',
      //   12: '48px',
      //   '1rem': '0.04rem',
      //   '2rem': '0.08rem',
      //   '3rem': '0.12rem',
      //   '4rem': '0.16rem',
      //   '5rem': '0.2rem',
      //   '6rem': '0.24rem',
      //   '7rem': '0.28rem',
      //   '8rem': '0.32rem',
      // },
      fontSize: {
        xs: "10px",
        sm: "12px",
        base: "14px",
        lg: "16px",
        xl: "18px",
        "2xl": "20px",
      },
    },
    screens: {
      "3xl": "1920px",
    },
  },
  corePlugins: {
    preflight: false,
  },
  plugins: [],
};
